import React, {StyleSheet, Dimensions} from "react-native";
import {colorBg} from "./ColorUtils";

export const screenWidth = Dimensions.get("window").width;
export const screenHeight = Dimensions.get("window").height;

const abeStyles = StyleSheet.create({
    matchScreen: {
        width: screenWidth,
        height: screenHeight
    },
    matchParent: {
        flex: 1
    },
    screenW: {
        width: screenWidth
    },
    screenH: {
        height: screenHeight
    },
    normalBg: {
        backgroundColor: colorBg
    },
    gravityCenter: {
        justifyContent: "center"
    },
    layoutHLT: {
        flexDirection: "row",
        flexWrap: "nowrap",
        alignItems: "flex-start"
    },
    layoutHLC: {
        flexDirection: "row",
        flexWrap: "nowrap",
        alignItems: "center"
    },
    layoutHLB: {
        flexDirection: "row",
        flexWrap: "nowrap",
        alignItems: "flex-end"
    },
    layoutVTL: {
        flexDirection: "column",
        flexWrap: "nowrap",
        alignItems: "flex-start"
    },
    layoutVTC: {
        flexDirection: "column",
        flexWrap: "nowrap",
        alignItems: "center"
    },
    layoutVTR: {
        flexDirection: "column",
        flexWrap: "nowrap",
        alignItems: "flex-end"
    },
    textWrapContent: {
        flexDirection: "column",
        flexWrap: "wrap",
        alignItems: "flex-start"
    },
    textCenterContent: {
        width: screenWidth,
        justifyContent: "center",
        alignItems: "center"
    }
});

export default abeStyles;